{% extends 'base.html' %}
{% block body %}
<div class="po_banner" style="height:294px;background:url('{{product.0.images_url}}') center center  no-repeat;"></div>
    <div class="w1400 po_main clear">
        <div class="left left_nav">
            <h2>
                产品中心
            </h2>
            <div class="accordion" id="accordionExample">
                <div class="card">
                    {% for i in product_type_list %}
                    <h3 class="btn btn-link btn-block text-left piece" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                         {{i.product_type}}
                         <span class="caret"></span>
                    </h3>
                    <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordionExample">
                        <div class="card-body">
                            <ul class="list-group">
                                {% for k in i.product %}
                                    <li class="list-group-item"><a href="/product_list/{{k.id}}">>{{k.name}}</a></li>
                                {% endfor %}
                                </ul>
                        </div>
                    </div>
                    {% endfor %}
                </div>

            </div>
        </div>
            <div class="left product_details clear">
            <div class="path">
                首页 > 产品中心 ><a href="/second_class/{{second_class_id}}">{{product_type.name}}</a>
            </div>
                <div class="clear">
                    {% for i in product_list %}
                        <div class="product_list">
                            <div class="title clear">
                                <h2 class="left">
                                    > {{i.product_name}}
                                </h2>
                                <a class="right" href="/product_list/{{i.product_id}}">
                                    查看更多
                                </a>
                            </div>
                            <div class="box">
                                <ul>
                                    {% for k in i.product_parm_list %}
                                    <li>
                                        <div class="img">
                                            <img src="{{k.list_images_url}}">
                                        </div>
                                        <p>
                                            <a href="/product_parm/{{k.id}}">{{k.title}}</a>
                                        </p>
                                    </li>
                                    {% endfor %}
                                </ul>
                            </div>
                        </div>
                    {% endfor %}
                </div>
            </div>
        </div>
    </div>
{% endblock %}